﻿
/* Text Box */
input[type="text"], input[type="password"], textarea
{
    background: #F9F9F9;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    padding: 3px;
}

.input-text, textarea
{
    width: 300px;
}
.mid-input-text
{
    width: 120px;
}
.small-input-text
{
    width: 60px;
}
.mini-input-text
{
    width: 30px;
}

textarea
{
    overflow: auto;
}

input[type="checkbox"]
{
    margin-right: 2px;
}

input[type="submit"], input[type="button"]
{
    font-weight: bold;
    padding: 3px;
}

label
{
    color: #333;
    font-weight: bold;
}

select
{
    border: 1px solid #CCC;
    height: 22px;
    margin-bottom: 5px;
}
select option
{
    padding: 2px 3px;
}

.tree-view ul
{
    margin-left: 15px;
}
.tree-view ul li checkbox
{
    display: inline;
}

/* Form Table
---------------------------------------------------------*/
.form-table
{
    border: 1px solid #CECDD1;
    border-collapse: collapse;
    font-size: 13px;
    text-align: left;
    margin-right: 5px;
    width: 100%;
}
.form-table th
{
    background: #EFF3FC;
    border: 1px solid #CECDD1;
    font-weight: bold;
    padding: 3px;
    text-align: right;
    width: 150px;
}
.form-table td
{
    border: 1px solid #CECDD1;
    padding: 5px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.small-list-table
{
    clear: left;
    float: left;
    width: 100%;
}
.small-list-table thead td
{
    background: #EFF3FC;
}
.small-list-table td
{
    text-align: left;
}

/* Image Upload 
--------------------------------------------------------------*/
.preview
{
    border: 1px solid #CFCFCF;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    width: 100px;
}

/* Search 
-------------------------------------------------------------*/
#search
{
    margin-bottom: 10px;
}
#search .condition
{
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0 10px 5px;
}
#search .top
{
    padding-left: 5px;
    border-bottom: 1px solid #DEDEDE;
}
#search .top button
{
    background: url("../images/button.gif") repeat-x #E1E1E1;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    display: block;
    margin-left: 10px;
    padding: 3px 5px;
    vertical-align: bottom;
    cursor: pointer;
}

/* product attributes table 
--------------------------------------------------------------------*/
.price-attributes .attribute-list
{
    clear: right;
}
.price-attributes .attribute-list > li, #product-size > li
{
    margin-right:20px;
    float:left;
    padding: 5px 0;
}
.price-attributes .attribute-list .checkboxlist li
{
    float: left;
}

/*  Table Wrapper
----------------------------------------------------------------------*/
.table-wrapper table
{
    background: #FFF;
    border: 1px solid #CCC;
    clear: right;
    width: 100%;
}
.table-wrapper table th
{
    background: #E5E5E5;
    padding: 0.5em;
    text-align: center;
    border-bottom:1px solid #CCCCCC;
}
.table-wrapper table td
{
    border-bottom: 1px solid #DFDFDF;
    text-align: center;
    padding: 0.5em;
}

/* Shopping
---------------------------------------------------------*/
.shopping
{
    margin-top: 15px;
}
.shopping h3
{
    margin-bottom: 15px;
}

.shopping-goto
{
    height: 50px;
}
.shopping-goto .prev-step
{
    float: left;
}
.shopping-goto .next-step
{
    float: right;
    margin-right: 40px;
}

/* Shopping Cart
------------------------------------------------------------*/
.order-summary
{
    padding: 0.6em;
    margin-bottom:10px;
}
.order-summary table .checkbox
{
    width: 5%;
}
.order-summary table .title
{
    text-align: left;
}
.order-summary table .title .choice, #product-list .choice
{
    display: block;
    color: #808080;
}
.order-summary table .unit-price
{
    width: 10%;
}
.order-summary table .total
{
    color: #CD0303;
    font-size: 118%;
    font-weight: bold;
    width: 12%;
}

.order-summary table .unavailable td
{
    background:#FDFBC0;
}

.order-summary table tfoot td
{
    border:0;
}
.order-summary table tfoot td.title
{
    text-align:right;
}
.order-summary table tfoot td strong
{
    color:#CD0303;
    font-weight:bold;
    font-size:16px;
}

.order-summary .quantity .error
{
    color:Red;
    display:block;
}

.order-summary .title .error
{
    font-weight:bold;
    color:#CD0303;
}

.order-summary table tfoot .total-count, .order-summary table tfoot .total-price
{
    color: red;
    font-size: 148%;
    font-weight: bold;
}

/* Shopping Address
----------------------------------------------------------------------*/
.invoice-address
{
    border: 1px solid #E5E5E5;
    padding: 0.6em;
}
.use-invoice-address
{
    padding-top: 15px;
    padding-bottom: 15px;
}

